<template>
  <div>
    <div class="d1">
      <div v-for="(item,index) in newtext1" :key="index">
        <div class="d1-1"><img :src="item.src2" alt="" class="i1"></div>
        <div>{{item.text2}}</div>
      </div>
    </div>
    <div class="d2">
      <van-collapse v-model="activeName" accordion>
        <van-collapse-item title="游戏好友" name="1" value="8">
          <div>1</div>
          <div>2</div>
          <div>3</div>
          <div>4</div>
          <div>5</div>
          <div>6</div>
          <div>7</div>
          <div>8</div>
        </van-collapse-item>
        <van-collapse-item title="助手好友" name="2" value="7">
          <div>1</div>
          <div>2</div>
          <div>3</div>
          <div>4</div>
          <div>5</div>
          <div>6</div>
          <div>7</div>
        </van-collapse-item>
        <van-collapse-item title="我的群组" name="3" value="6">
          <div>1</div>
          <div>2</div>
          <div>3</div>
          <div>4</div>
          <div>5</div>
          <div>6</div>
        </van-collapse-item>
        <van-collapse-item title="陌生人" name="4" value="5">
          <div>1</div>
          <div>2</div>
          <div>3</div>
          <div>4</div>
          <div>5</div>
        </van-collapse-item>
        <van-collapse-item title="黑名单" name="5" value="4">
          <div>1</div>
          <div>2</div>
          <div>3</div>
          <div>4</div>
        </van-collapse-item>
</van-collapse>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      activeName: ['1'],
    };
  },
  methods:{

  },
  computed:{
    newtext1(){
      return this.$store.state.xiaoxi.text1
    }
  },
  created(){
    return this.$store.dispatch("wenbenH",{url:"xiaoxi"})
  }
};
</script>

<style scoped>
.d1{
    display: flex;
    justify-content: space-around;
    padding: .12rem 0;
    box-sizing: border-box;
    border-bottom: .06rem solid rgba(0, 0, 0, 0.13);
  }
   .i1{
    width: .4rem;
  }
  .d1>div>div{
    text-align: center;
  }
  .d1>div{
    width: 20%;
  }
</style>